import { createRouter, createWebHistory } from 'vue-router'; 
import UserLogin from '../views/UserLogin.vue'; 
import UserRegister from '../views/UserRegister.vue'; 
import BlogHome from '../views/BlogHome.vue'; 
import SiteAbout from '../views/SiteAbout.vue';

const routes = [ 
  { 
    path: '/', 
    redirect: '/login' 
  }, 
  { 
    path: '/login', 
    name: 'UserLogin', 
    component: UserLogin 
  }, 
  { 
    path: '/register', 
    name: 'UserRegister', 
    component: UserRegister 
  }, 
  { 
    path: '/blog', 
    name: 'BlogHome', 
    component: BlogHome 
  },
  {
    path: '/SiteAbout',
    name: 'SiteAbout',
    component: SiteAbout
  }
]; 

const router = createRouter({ 
  history: createWebHistory(),
  routes
});

export default router;